<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title></title>
        <!-- 引入 WeUI -->
        <link rel="stylesheet" href="//res.wx.qq.com/open/libs/weui/1.1.2/weui.min.css"/>
        <link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
        
        <style type="text/css">
            body{
                height: 100%;
            }
            .container, .page {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
            }
        </style>
    </head>
    <body >
    <div class="container" id="container">
            <div class="page tabbar js_show">
                <div class="page__bd" style="position:relative;height: 100%;">
                    <div class="weui-tab" >
                        <div class="weui-grids" style="top: 35%;">
                            <a href="../deviceBind" class="weui-grid js_grid">
                                <div class="weui-grid__icon">
                                    <img src="./images/device-manage.png" alt="">
                                </div>
                                <p class="weui-grid__label">
                                    设备绑定
                                </p>
                            </a>
                            <a href="../userManage" class="weui-grid js_grid">
                                <div class="weui-grid__icon">
                                    <img src="./images/user-manage.png" alt="">
                                </div>
                                <p class="weui-grid__label">
                                    用户管理
                                </p>
                            </a>
                            <a href="../descriptionPage" class="weui-grid js_grid">
                                <div class="weui-grid__icon">
                                    <img src="./images/description.png" alt="">
                                </div>
                                <p class="weui-grid__label">
                                   使用说明
                                </p>
                            </a>
                        </div>
                    </div>
                    <div class="weui-tabbar" style="z-index:5;">
                      <a href="../deviceInfo" class="weui-tabbar__item" data-tab="firstTab">
                          <span style="display: inline-block;position: relative;">
                              <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon"/>
                              <!--<span class="weui-badge" style="position: absolute;top: -2px;right: -13px;">8</span>-->
                          </span>
                          <p class="weui-tabbar__label">设备信息</p>
                      </a>
                      <a href="../deviceEvent" class="weui-tabbar__item" data-tab="secondTab">
                          <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon"/>
                          <p class="weui-tabbar__label">设备事件</p>
                      </a>
                      <a href="javascript:;" class="weui-tabbar__item weui-bar__item_on" data-tab="thirdTab">
                          <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon"/>
                          <p class="weui-tabbar__label">设备维护</p>
                      </a>
                        <a href="../remoteOpenDoor" class="weui-tabbar__item" data-tab="fourthTab">
                            <img src="./images/icon_tabbar.png" alt="" class="weui-tabbar__icon"/>
                            <p class="weui-tabbar__label">远程开锁</p>
                        </a>
                    </div>
                    </div>
                </div>
            </div>
        </div>
   </body>
   
    <script type="text/javascript">

    </script>
</html>
